﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="FormMenu.aspx.cs" Inherits="AIC_PN.FormMenu"
    MasterPageFile="~/Site1.Master" %>

<asp:Content ID="Content1" runat="server" ContentPlaceHolderID="MainContent">
    <style>
        .wrapper-dropdown-5
        {
            /* Size & position */
            position: relative;
            width: 80%;
            margin: 0 auto;
            background: #E7E7E7;
            border-radius: 5px;
            box-shadow: 0 1px 0 rgba(0,0,0,0.2);
            cursor: pointer;
            outline: none;
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
        }
        .wrapper-dropdown-5:after
        {
            /* Little arrow */
            width: 0;
            height: 0;
            position: absolute;
            top: 50%;
            right: 15px;
            margin-top: -3px;
            border-width: 6px 6px 0 6px;
            border-style: solid;
            border-color: #4cbeff transparent;
        }
        .wrapper-dropdown-5 .dropdown
        {
            /* Size & position */
            position: relative;
            top: 100%;
            left: 0;
            right: 0; /* Styles */
            background: #fff;
            border: 1px solid rgba(0,0,0,0.2);
            border-top: none;
            border-bottom: none;
            list-style: none;
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out; /* Hiding */
            max-height: 0;
            overflow: hidden;
        }
        .wrapper-dropdown-5 .dropdown li
        {
            padding: 0 8px;
            border: none;
        }
        .wrapper-dropdown-5 .dropdown li a
        {
            display: block;
            text-decoration: none;
            color: #333;
            padding: 5px 5px;
            transition: all 0.3s ease-out;
            border-bottom: 1px solid #e6e8ea;
        }
        .wrapper-dropdown-5 .dropdown li:last-of-type a
        {
            border: none;
        }
        .wrapper-dropdown-5 .dropdown li i
        {
            margin-right: 5px;
            color: inherit;
            vertical-align: middle;
        }
        /* Hover state */.wrapper-dropdown-5 .dropdown li:hover a
        {
            color: #57a9d9;
        }
        /* Active state */.wrapper-dropdown-5.active
        {
            border-radius: 5px 5px 0 0;
            background: #4cbeff;
            box-shadow: none;
            border-bottom: none;
            color: white;
        }
        .wrapper-dropdown-5.active:after
        {
            border-color: #82d1ff transparent;
        }
        .wrapper-dropdown-5.active .dropdown
        {
            border-bottom: 1px solid rgba(0,0,0,0.2);
            max-height: 400px;
        }
        #page ul li
        {
            padding: 5px 0px;
        }
    </style>
    <div id="Div3" class="FormTitle" runat="server">
        <p class="TextTitle">
            <label id="lblFormName" runat="server" class="lblFormName">
                Xem báo cáo
            </label>
            <asp:ImageButton CssClass="btnExit" ID="ImageButton1" runat="server" ImageUrl="Images/exit.png"
                Height="24px" OnClick="ImageButton1_Click" />
        </p>
    </div>
    <div class="FormMain">
        <center>
            <p style="font-family: Times New Roman !important; font-size: 20px !important; color: #7D0909;">
                <b>Danh sách báo cáo</b></p>
        </center>
        <br />
        <asp:MultiView ID="MultiView1" runat="server">
            <asp:View ID="View1" runat="server">
                <div class="wrapper-demo">
                    <div id="d1" class="wrapper-dropdown-5">
                        <p style="padding: 5px;">
                            Báo cáo thống kê giáo dục mầm non theo năm Biểu 1 (Đơn vị gửi Ban Phụ Nữ)<font color="red">(Tổng
                                hợp)</font></p>
                        <ul class="dropdown">
                            <li style="border: none"><a href="BaoCaoMau1.aspx">Cập nhật báo cáo</a></li>
                            <li style="border: none"><a href="FormBaoCaoMau1.aspx">Xem, thống kê báo cáo</a></li>
                        </ul>
                    </div>
                    <div id="d2" class="wrapper-dropdown-5">
                        <p style="padding: 5px;">
                            Báo cáo thống kê giáo dục mầm non theo năm Biểu 2 (Đơn vị gửi Ban Phụ Nữ)<font color="red">(Tổng
                                hợp)</font></p>
                        <ul class="dropdown">
                            <li style="border: none"><a href="BaoCaoMau2.aspx">Cập nhật báo cáo</a></li>
                            <li style="border: none"><a href="FormBaoCaoMau2.aspx">Xem, thống kê báo cáo</a></li>
                        </ul>
                    </div>
                    <div id="d3" class="wrapper-dropdown-5">
                        <p style="padding: 5px;">
                            Báo cáo thống kê giáo dục mầm non theo năm Biểu 1 (Ban Phụ Nữ gửi vụ GDMN)<font color="red">(Tổng
                                hợp)</font></p>
                        <ul class="dropdown">
                            <li style="border: none"><a href="BaoCaoMau3.aspx">Cập nhật báo cáo</a></li>
                            <li style="border: none"><a href="FormBaoCaoMau3.aspx">Xem, thống kê báo cáo</a></li>
                        </ul>
                    </div>
                    <div id="Div10" class="wrapper-dropdown-5">
                        <p style="padding: 5px;">
                            Báo cáo thống kê giáo dục mầm non theo năm Biểu 2 (Ban Phụ Nữ gửi vụ GDMN)<font color="red">(Tổng
                                hợp)</font></p>
                        <ul class="dropdown">
                            <li style="border: none"><a href="BaoCaoMau4.aspx">Cập nhật báo cáo</a></li>
                            <li style="border: none"><a href="FormBaoCaoMau4.aspx">Xem, thống kê báo cáo</a></li>
                        </ul>
                    </div>
                    ​</div>
            </asp:View>
            <asp:View ID="View2" runat="server">
                <div class="wrapper-demo">
                    <div id="Div5" class="wrapper-dropdown-5">
                        <p style="padding: 5px;">
                            Báo cáo sơ kết / tổng kết Công tác Vì sự tiến bộ của phụ nữ</p>
                        <ul class="dropdown">
                            <li style="border: none"><a href="BaoCaoDinhKem_Update.aspx">Cập nhật báo cáo</a></li>
                            <li style="border: none"><a href="ViewBaoCaoDinhKem.aspx">Xem, thống kê báo cáo</a></li>
                        </ul>
                    </div>
                    <div id="Div6" class="wrapper-dropdown-5">
                        <p style="padding: 5px;">
                            Báo cáo tình hình thực hiện Kế hoạch hành động VATBPN hàng năm</p>
                        <ul class="dropdown">
                            <li style="border: none"><a href="BaoCaoDinhKem_Update.aspx">Cập nhật báo cáo</a></li>
                            <li style="border: none"><a href="ViewBaoCaoDinhKem.aspx">Xem, thống kê báo cáo</a></li>
                        </ul>
                    </div>
                    <div id="Div11" class="wrapper-dropdown-5">
                        <p style="padding: 5px;">
                            Kế hoạch hành động vì sự tiến bộ của phụ nữ và bình đẳng giới trong trong Quân đội
                            giai đoạn 2011 - 2015</p>
                        <ul class="dropdown">
                            <li style="border: none"><a href="FormDanhMucBaoCaoMau6.aspx">Danh sách Mục tiêu / Chỉ
                                tiêu</a></li>
                            <li style="border: none"><a href="BaoCaoMau6_Update.aspx">Cập nhật báo cáo</a></li>
                            <li style="border: none"><a href="ViewBaoCaoDinhKem.aspx">Xem, thống kê báo cáo</a></li>
                        </ul>
                    </div>
                    <div id="Div1" class="wrapper-dropdown-5">
                        <p style="padding: 5px;">
                            Tổng hợp kết quả thực hiện công tác cán bộ nữ của đơn vị<font color="red">(Tổng hợp)</font></p>
                        <ul class="dropdown">
                            <li style="border: none"><a href="FormDanhMucBaoCao.aspx">Danh mục Nội dung báo cáo</a></li>
                            <li style="border: none"><a href="BaoCaoMau17_Update.aspx">Cập nhật báo cáo</a></li>
                            <li style="border: none"><a href="FormBaoCaoMau17.aspx">Xem, thống kê báo cáo</a></li>
                        </ul>
                    </div>
                    <div id="Div12" class="wrapper-dropdown-5">
                        <p style="padding: 5px;">
                            Tóm tắt thành tích của các tập thể, các nhân đề nghị khen thưởng công tác Vì sự
                            tiến bộ của Phụ nữ theo năm</p>
                        <ul class="dropdown">
                            <li style="border: none"><a href="BaoCaoDinhKem_Update.aspx">Cập nhật báo cáo</a></li>
                            <li style="border: none"><a href="ViewBaoCaoDinhKem.aspx">Xem, thống kê báo cáo</a></li>
                        </ul>
                    </div>
                    <div id="Div2" class="wrapper-dropdown-5">
                        <p style="padding: 5px;">
                            Danh sách tập thể cá nhân được tặng thưởng Bằng khen của Trưởng ban Vì sự tiến bộ
                            của Phụ nữ Bộ Quốc phòng<font color="red">(Tổng hợp)</font></p>
                        <ul class="dropdown">
                            <li style="border: none"><a href="BaoCaoSo11_Update.aspx">Cập nhật báo cáo</a></li>
                            <li style="border: none"><a href="FormBaoCaoMau11.aspx">Xem, thống kê báo cáo</a></li>
                            <li style="border: none"><a href="BaoCaoTongHopTanXuatKhenThuong.aspx">Xem, thống kê tần suất khen thưởng</a></li>
                        </ul>
                    </div>
                    ​</div>
            </asp:View>
            <asp:View ID="View3" runat="server">
                <div class="wrapper-demo">
                    <div id="Div18" class="wrapper-dropdown-5">
                        <p style="padding: 5px;">
                            Mẫu tổng hợp một số thông tin liên quan đến tổ chức Hội phụ nữ trong Quân đội<font
                                color="red">(Tổng hợp)</font></p>
                        <ul class="dropdown">
                            <li style="border: none"><a href="BaoCaoSo15_Update.aspx">Cập nhật báo cáo</a></li>
                            <li style="border: none"><a href="FormBaoCaoMau15.aspx">Xem, thống kê báo cáo</a></li>
                        </ul>
                    </div>
                    <div id="Div13" class="wrapper-dropdown-5">
                        <p style="padding: 5px;">
                            Báo cáo số liệu thống kê kết quả thực hiện công tác phụ nữ và phong trào thi đua
                            của phụ nữ<font color="red">(Tổng
                                hợp)</font></p>
                        <ul class="dropdown">
                            <li style="border: none"><a href="BaoCaoMau8_2014.aspx">Cập nhật báo cáo</a></li>
                            <li style="border: none"><a href="FormBaoCaoMau8.aspx">Xem, thống kê báo cáo</a></li>
                        </ul>
                    </div>
                    <div id="Div14" class="wrapper-dropdown-5">
                        <p style="padding: 5px;">
                            Tóm tắt thành tích của tập thể, cá nhân đề nghị khen thưởng công tác Phụ nữ theo
                            năm</p>
                        <ul class="dropdown">
                            <li style="border: none"><a href="BaoCaoDinhKem_Update.aspx">Cập nhật báo cáo</a></li>
                            <li style="border: none"><a href="ViewBaoCaoDinhKem.aspx">Xem, thống kê báo cáo</a></li>
                        </ul>
                    </div>
                    <div id="Div15" class="wrapper-dropdown-5">
                        <p style="padding: 5px;">
                            Danh sách tập thể và cá nhân đề nghị Trung ương Hội khen thưởng</p>
                        <ul class="dropdown">
                            <li style="border: none"><a href="BaoCaoDinhKem_Update.aspx">Cập nhật báo cáo</a></li>
                            <li style="border: none"><a href="ViewBaoCaoDinhKem.aspx">Xem, thống kê báo cáo</a></li>
                        </ul>
                    </div>
                    <div id="Div7" class="wrapper-dropdown-5">
                        <p style="padding: 5px;">
                            Danh sách cá nhân nữ Thủ trưởng TCCT tặng Bằng khen năm ..<font color="red">(Tổng hợp)</font></p>
                        <ul class="dropdown">
                            <li style="border: none"><a href="BaoCaoSo13_Update.aspx">Cập nhật báo cáo</a></li>
                            <li style="border: none"><a href="FormBaoCaoMau13.aspx">Xem, thống kê báo cáo</a></li>
                        </ul>
                    </div>
                    <div id="Div8" class="wrapper-dropdown-5">
                        <p style="padding: 5px;">
                            Danh sách tập thể nữ Thủ trưởng TCCT tặng Bằng khen năm ..<font color="red">(Tổng hợp)</font></p>
                        <ul class="dropdown">
                            <li style="border: none"><a href="BaoCaoSo14_Update.aspx">Cập nhật báo cáo</a></li>
                            <li style="border: none"><a href="FormBaoCaoMau14.aspx">Xem, thống kê báo cáo</a></li>
                        </ul>
                    </div>
                    <div id="Div9" class="wrapper-dropdown-5">
                        <p style="padding: 5px;">
                            Quản lý kết quả hoạt động vận động tiết kiệm<font color="red">(Tổng hợp)</font></p>
                        <ul class="dropdown">
                            <li style="border: none"><a href="BaoCaoSo16_Update.aspx">Cập nhật báo cáo</a></li>
                            <li style="border: none"><a href="FormBaoCaoMau16.aspx">Xem, thống kê báo cáo</a></li>
                        </ul>
                    </div>
                    <div id="Div16" class="wrapper-dropdown-5">
                        <p style="padding: 5px;">
                            Kết quả khảo sát trẻ em khuyết tật, mắc bệnh hiểm nghèo, trẻ em bị nhiễm chất độc
                            màu da cam và trẻ em vượt khó</p>
                        <ul class="dropdown">
                            <li style="border: none"><a href="BaoCaoMauBoSung1.aspx">Cập nhật báo cáo</a></li>
                            <li style="border: none"><a href="FormBaoCaoMauBoSung1.aspx">Xem, thống kê báo cáo</a></li>
                        </ul>
                    </div>
                    <div id="Div17" class="wrapper-dropdown-5">
                        <p style="padding: 5px;">
                            Kết quả khảo sát Phụ nữ Quân đội có mắc bệnh hiểm nghèo. có hoàn cảnh đặc biệt khó
                            khăn</p>
                        <ul class="dropdown">
                            <li style="border: none"><a href="BaoCaoMauBoSung2.aspx">Cập nhật báo cáo</a></li>
                            <li style="border: none"><a href="FormBaoCaoMauBoSung2.aspx">Xem, thống kê báo cáo</a></li>
                        </ul>
                    </div>
                </div>
            </asp:View>
        </asp:MultiView>
    </div>

    <script type="text/javascript" src="js/jquery-1.9.1.js"></script>

    <script type="text/javascript">
        function DropDown(el) {
            this.dd = el;
            this.initEvents();
        }
        DropDown.prototype = {
            initEvents: function() {
                var obj = this;
                obj.dd.on('click', function(event) {
                    $(this).toggleClass('active');
                    event.stopPropagation();
                });
            }
        }
        $(function() {
            var dd = new DropDown($('.wrapper-dropdown-5'));
            $(document).click(function() {
                $('.wrapper-dropdown-5').removeClass('active');
            });
        });
		</script>

</asp:Content>
